\capital{V}estibulum sit amet arcu laoreet quam scelerisque lobortis in eget quam. Suspenkkdisse ornare tincidunt purus, eget imperdiet massa lacinia nec. Duis blandit lacus sit amet dolor auctor quis viverra libero fermentum. Aliquam id sapien velit, tempor ullamcorper dolor. Aliquam id sapien velit, tempor ullamcorper dolor.

Aenean eros lacus, blandit vel dictum sed, elementum at \index{metus}. Morbi sollicitudin urna eget sem condimentum non vehicula massa malesuada. Nullam laoreet aliquam interdum.

\section{Características de la plantilla}

Suspendisse aliquet diam pellentesque lectus posuere eu vehicula velit aliquet. Cras iaculis, quam quis venenatis venenatis, nulla leo porta mi, lacinia hendrerit arcu lorem et dui. Proin viverra pulvinar mi vel ullamcorper. Aliquam erat volutpat. Etiam ut velit nisl, in porta magna. Nullam varius dui sit amet dui scelerisque consectetur. Nullam tortor est, ullamcorper viverra ullamcorper a, convallis et nisl. Phasellus nunc ligula, fermentum quis iaculis at, consectetur vel diam. Aliquam tincidunt orci eget ante mollis pulvinar. In hac habitasse platea dictumst. Suspendisse id tellus a ante mattis feugiat. 

\subsection{Notas al margen}

\notamargen{Tiitulooo}{
Aliquam tincidunt orci eget ante mollis pulvinar. In hac habitasse platea dictumst. Nullam varius dui sit amet dui scelerisque consectetur. Nullam tortor est, ullamcorper viverra ullamcorper a, convallis et nisl.
}

Nullam varius dui sit amet dui scelerisque consectetur. Nullam tortor est, ullamcorper viverra ullamcorper a, convallis et nisl. Phasellus nunc ligula, fermentum quis iaculis at, consectetur vel diam. Aliquam tincidunt orci eget ante mollis pulvinar. In hac habitasse platea dictumst. Suspendisse id tellus a ante mattis feugiat. 

\subsection{Teclazos}

Phasellus nunc ligula, fermentum quis iaculis at, consectetur vel diam. Aliquam tincidunt orci eget ante mollis pulvinar. Nullam varius dui sit amet dui scelerisque consectetur. Nullam tortor est, ullamcorper viverra ullamcorper a, convallis et nisl. Phasellus nunc ligula, fermentum quis iaculis at, consectetur vel diam. In hac \teclazo{Alt}+\teclazo{F4} habitasse platea dictumst. Suspendisse id tellus a ante mattis feugiat. 

\imagenmargen{./img/feo.jpg}{labelx}{Nunc vitae porttitor dolor.}

\begin{center}
\teclazo{Ctrl}+\teclazo{Alt}+\teclazo{Supr}
\end{center}

Aliquam tincidunt orci eget ante mollis pulvinar. In hac habitasse platea dictumst. Nullam varius dui sit amet dui scelerisque consectetur. Nullam tortor est, ullamcorper viverra ullamcorper a, convallis et nisl.

\subsection{Imágenes al margen}

Aenean venenatis tortor vitae sapien tincidunt lobortis mollis enim molestie. Nam justo dui, pretium sed vulputate nec, convallis at ligula. Curabitur cursus volutpat dui, vitae auctor eros pulvinar in. 

Aenean urna enim, mollis ut tincidunt et, congue quis elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam non ipsum ac felis lobortis blandit sed sit amet erat. Donec dictum, erat ac lobortis bibendum, velit lacus aliquam magna, at venenatis risus leo at mi. Phasellus lobortis, magna vestibulum suscipit pellentesque, lectus dolor rutrum ligula, a ornare nisi lectus quis orci. Nunc vitae porttitor dolor. 
\imagenmargen{./img/zoey.jpg}{labelxx}{Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer dictum libero quis justo dapibus mattis.}

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer dictum libero quis justo dapibus mattis. Nullam lobortis ultricies ultricies. Suspendisse aliquam malesuada tincidunt. Morbi adipiscing orci ac lorem placerat aliquet. Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. Vivamus sollicitudin ornare adipiscing. Sed imperdiet tellus volutpat nunc pulvinar luctus. Duis est urna, molestie eget ornare sit amet, fermentum et dui. 

\subsection{Bloques llamativos}

\imagenmargen{./img/feo.jpg}{labelxxx}{Nunc vitae porttitor dolor.}

Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. Vivamus sollicitudin ornare adipiscing. Sed imperdiet tellus volutpat nunc pulvinar luctus. Duis est urna, molestie eget ornare sit amet, fermentum et dui. 

\importante{info}{Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque.}

Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. Vivamus sollicitudin ornare adipiscing. Sed imperdiet tellus volutpat nunc pulvinar luctus. Duis est urna, molestie eget ornare sit amet, fermentum et dui. 

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer dictum libero quis justo dapibus mattis. Nullam lobortis ultricies ultricies. Suspendisse aliquam malesuada tincidunt. Morbi adipiscing orci ac lorem placerat aliquet. Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. Vivamus sollicitudin ornare adipiscing. Sed imperdiet tellus volutpat nunc pulvinar luctus. Duis est urna, molestie eget ornare sit amet, fermentum et dui. 

\importante{warning}{Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. Duis est urna, molestie eget ornare sit amet, fermentum et dui. }

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 

\imagenmargen{./img/mortadelo}{labelxxxx}{Nunc vitae porttitor dolor.}

Integer dictum libero quis justo dapibus mattis. Nullam lobortis ultricies ultricies. Suspendisse aliquam malesuada tincidunt. Morbi adipiscing orci ac lorem placerat aliquet. Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. Vivamus sollicitudin ornare adipiscing. Sed imperdiet tellus volutpat nunc pulvinar luctus. Duis est urna, molestie eget ornare sit amet, fermentum et dui. 

\importante{question}{Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. }

Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. Vivamus sollicitudin ornare adipiscing. Sed imperdiet tellus volutpat nunc pulvinar luctus. Duis est urna, molestie eget ornare sit amet, fermentum et dui. 


\subsection{Imágenes aquí}

\index{Aenean} venenatis tortor vitae sapien tincidunt lobortis mollis enim molestie. Nam justo dui, pretium sed vulputate nec, convallis at ligula. Curabitur cursus volutpat dui, vitae auctor eros pulvinar in. 

Morbi porta, lacus non eleifend hendrerit, tellus ipsum rhoncus arcu, sit amet ultricies velit sapien at neque. Vivamus sollicitudin ornare adipiscing. Sed imperdiet tellus volutpat nunc pulvinar luctus. Duis est urna, molestie eget ornare sit amet, fermentum et dui. 

\imagenhere{./img/esi.png}{3cm}{Esto es el pie de foto}{labelxx0x0}

\imagenmargen{./img/manolobenito}{label002}{Nunc vitae porttitor dolor.}

Vivamus sollicitudin ornare adipiscing. Sed imperdiet tellus volutpat nunc pulvinar luctus.

\subsection{Grafos DOT empotrados (no son imágenes)}

Pellentesque posuere mattis pulvinar. Cras tempor aliquet \index{metus}. Etiam vitae pharetra nunc. Integer erat magna, tempor in tincidunt vel, lacinia a dui. Integer a nulla eu dolor laoreet vehicula. Sed non condimentum dui. Nulla rhoncus justo quis orci auctor quis rhoncus velit ultricies. Sed ac est ultrices ipsum gravida congue. 

\begin{figure}[h]
\begin{center}
  \begin{dot2tex}[dot,scale=1,mathmode]
    digraph G {
      rankdir=TB;
      d2ttikzedgelabels = false;
      node [style="state"];
      edge [lblstyle="auto"];
      X [label = "\pi"];
      A -> B [label = "\displaystyle\frac{x_2}{\sum y_i}"];
      A -> D [label = "7"];
      A -> X;
      X -> D;
      X->B;
      A->D [label = "\dfrac{1}{3}"];
    }
  \end{dot2tex}
\caption{Grafo empotrado}
\label{grafo03}
\end{center}
\end{figure}


Curabitur diam lacus, luctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare.

Curabitur diam lacus, luctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare.

\begin{figure}[h]
\begin{center}
  \begin{dot2tex}[dot,scale=1,mathmode]
    graph G {
      e
      subgraph clusterA {
        a -- b;
        subgraph clusterC {
          C -- D;
        }
      }
      subgraph clusterB {
        d -- f
      }
      d -- D
      e -- f
    } 
  \end{dot2tex}
\caption{Grafo empotrado}
\label{grafo04}
\end{center}
\end{figure}

Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare.

\begin{figure}[h]
\begin{center}
  \begin{dot2tex}[dot,scale=1,mathmode]
digraph otro {
ratio = "auto" ;
mincross = 2.0 ;
"001" [shape=box     , regular=1,style=filled,fillcolor=white   ] ;
"002" [shape=box     , regular=1,style=filled,fillcolor=white   ] ;
"003" [shape=circle  , regular=1,style=filled,fillcolor=white   ] ;
"004" [shape=box     , regular=1,style=filled,fillcolor=white   ] ;
"005" [shape=box     , regular=1,style=filled,fillcolor=white   ] ;
"006" [shape=circle  , regular=1,style=filled,fillcolor=white   ] ;
"007" [shape=circle  , regular=1,style=filled,fillcolor=white   ] ;

marr001 [shape=diamond,style=filled,label="",height=.1,width=.1] ;
marr002 [shape=diamond,style=filled,label="",height=.1,width=.1] ;

001 -> marr001
003 -> marr001
marr001 -> 007

004 -> marr002
005 -> marr002
marr002 -> 006

007 -> 002
006 -> 002

006 -> e

}
  \end{dot2tex}
\caption{Grafo empotrado}
\label{grafo05}
\end{center}
\end{figure}

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare.

\subsection{Terminal empotrado}

Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare.

\begin{term}
# apt-get update
# apt-get upgrade
$ sudo apt-get install emacs
$ sudo pacman -S emacs auctex
\end{term}

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

\subsection{Código fuente empotrado}

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. 

\code{C}{900}{Hola mundo en GO}{./src/hello.go}

\imagenmargen{./img/esi.png}{labelvvvv}{Esto es el logo de la ESI con un pie de imagen. Este pie de imagen es más largo, con el fin de comprobar que la alineación del mismo es justificada.}

Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

\code{C}{6}{Hola mundo en C}{./src/hello.c}

Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

\subsection{Imágenes de ancho total}

Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. 

\imagenanchototal{./img/ancha.jpg}{Pie de foto ancha}{etiquetadefotoancha}

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

\imagenanchototal{./img/coche.jpg}{Pie de foto ancha segunda}{etiquetadefotoancha2}

Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

esto es un ejemplo para \index{términos} del glosario

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 

\section{Lo de siempre}

In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. 

Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. In varius erat accumsan quam luctus ac cursus libero vehicula. Curabitur ut sem ac eros tincidunt sollicitudin. Mauris eget eleifend lorem. Donec pulvinar neque id sem egestas ornare. Curabitur diam lacus, lctus et pretium non, gravida ut eros. Praesent aliquet lectus id mauris placerat ac rutrum risus gravida. Proin arcu magna, condimentum eget dictum ac, euismod convallis lorem. 


